<template>
    <div class="page">
        <HeaderTop title="我的收益">
            <i class="iconfont icon-zuojiantou" slot="left" @click="goback"></i>
            <div slot="right">明细</div>
        </HeaderTop>
        <img src="./images/编组@2x.png" alt="">
        <div class="money"><span>￥</span>{{money}}</div>
        <mt-button type="primary" style="width: 80%"  @click="tixian">提现</mt-button>
    </div>

</template>

<script>
    import HeaderTop from '../../components/HeaderTop/HeaderTop.vue'
    export default{
        data(){
            return {
                money:100
            }
        },
        methods:{
            tixian(){
                
            },
            goback(){
                this.$router.back(-1)
            },
             onSwipeLeft () {
                    this.$router.go(-1)
             }
        },
        components: {
          HeaderTop
        }
    }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
    .page
      .money
          margin-bottom 25px
          font-weight bold
          font-size 25px
          text-align center
          span
           font-size 18px
      img
          width 80px
          margin 0 auto 15px
          padding-top 105px
          display block
       button
        background linear-gradient(to left, rgb(250, 167, 53) 0%, rgb(248, 147, 32) 100%)
        margin-left 10%
        color #fff;
        
</style>
